<template>
  <div class="set-site">
    <el-tabs v-model="activeName" class="site-tab">
      <el-tab-pane label="基础信息" name="1">
        <basic-tab/>
      </el-tab-pane>
      <el-tab-pane label="主题" name="2">
        <theme-tab/>
      </el-tab-pane>
      <el-tab-pane label="顶部导航" name="4">
        <navhead-tab/>
      </el-tab-pane>
      <el-tab-pane label="底部导航" name="5">
        <navfoot-tab/>
      </el-tab-pane>
      <el-tab-pane label="友情链接" name="6">
        <friendship-tab/>
      </el-tab-pane>
      <el-tab-pane label="客服" name="7">
        <service-tab/>
      </el-tab-pane>
      <el-tab-pane label="侧边栏" name="8">
        <side-tab/>
      </el-tab-pane>
      <el-tab-pane label="分享" name="9">
        <share-tab/>
      </el-tab-pane>
      <el-tab-pane label="安全" name="10">
        <safety-tab/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import BasicTab from './components/setsite/basic' // 基础信息
  import ServiceTab from './components/setsite/service' // 客服
  import ThemeTab from './components/setsite/theme' // 主题
  import SafetyTab from './components/setsite/safety' // 安全
  import SideTab from './components/setsite/side' // 侧边栏
  import NavfootTab from './components/setsite/navfoot' // 底部导航
  import NavheadTab from './components/setsite/navhead' // 顶部导航
  import ShareTab from './components/setsite/share' // 分享
  import FriendshipTab from './components/setsite/friendship' // 分享

  export default {
    components: {
      BasicTab,
      ServiceTab,
      ThemeTab,
      SafetyTab,
      SideTab,
      NavfootTab,
      NavheadTab,
      ShareTab,
      FriendshipTab
    },
    data() {
      return {
        activeName: '1'
      }
    }
  }
</script>

<style lang="scss">
  .set-site {
    .site-tab {
      padding: 0 20px;
    }
  }
</style>
